html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  box-sizing: border-box;
  outline: none;
}
body{
    color: #fff;
}
.flex{
    display: flex;
}
.top{
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    padding: .3rem 0 .3rem 0;
}
#imgmerge>img{
    display: block;
    width: 5rem;
    height: 8.5rem;
    margin: 0 auto;
    border-radius: .15rem;
}
 #imgmerge{
    display: block;
    width: 5rem;
    height: 8.5rem;
    margin: 0 auto;
    border-radius: .15rem;
}
.top img{
    display: block;
    width: 5rem;
    margin: 0 auto;
    border-radius: .15rem;
}
.swiper-container{
    width: 7.5rem;
    margin: 0 auto;
    position:relative;
    overflow: hidden;
}
.swiper-container1{
    width: 7.3rem;
    margin: 0 auto;
    position:relative;
    overflow: hidden;
}
.top .line{
    text-align: center;
    color: #fff;
    font-size: .28rem;
    margin-top: .25rem;
}
.top .line span{
    margin: 0 .2rem;
    opacity: .9;
}
.swiper-slide{
    position: relative;
}
.date .item{
    width: 1rem;
    height: 1.08rem;
    border-radius: .1rem;
    text-align: center;
    padding-top: .1rem;
}
.date .item:nth-of-type(1){
    background-color: rgba(255, 255, 255, .3);
}
.date .item:nth-of-type(2){
    border: solid .02rem rgba(255, 255, 255, .3);
    margin-top: 0.3rem;
}
.date .item:nth-of-type(1) p:nth-of-type(1),
.date .item:nth-of-type(2) p:nth-of-type(1){
    font-size: 0.34rem;
}
.date .item:nth-of-type(1) p:nth-of-type(2){
    margin-top: 0.15rem;
    font-size: 0.2rem;
}
.date .item:nth-of-type(2) p:nth-of-type(2){
    margin-top: .13rem;
    height: .37rem;
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
    background-color: rgba(255, 255, 255, .3);
    font-size: 0.18rem;
    padding-top: .08rem;
}
.date{
    position: absolute;
    top: .7rem;
    right: 1.5rem;
}
.info{
    position: absolute;
    width: 4.6rem;
    height: 1.3rem;
    background-color: rgba(255, 255, 255, .8);
    border-radius: .2rem;
    top: 4.8rem;
    margin: 0 auto;
    left: 50%;
    margin-left: -2.3rem;
    padding: .15rem;
    align-items: center;
    justify-content: space-between !important;
}
.info img{
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    margin-right: .1rem;
    margin-left: .1rem;
}
.out-img-size>img{
    display: block;
    width: 5rem;
    height: 8.5rem;
    margin: 0 auto;
    border-radius: .15rem;
}
.info div p:nth-of-type(1){
    font-size: .28rem;
    color: #111;
}
.info div p:nth-of-type(1) .number{
    color: #111;
}
.info div p:nth-of-type(1) span{
    font-size: .24rem;
    color: #444;
}
.info div p:nth-of-type(2){
    font-size: .18rem;
    font-weight: 800;
    color: #666;
    margin-top: .05rem;
}
.bottom {
    margin-top: .2rem;
    padding-left: .2rem;
}
.bottom img:nth-of-type(1){
    width: 1.1rem;
    height: 1.18rem;
    border-radius: .1rem;
}
.bottom span{
    position: absolute;
    display: inline-block;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    /* background-color: #fff; */
    background-image: url("../img/check.png");
    /* color: #333; */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: 50%;
    right: 50%;
    margin-left: -.15rem;
    margin-top: -.15rem;
    text-align: center;
    font-weight: bold;
    display: none;
}